<!DOCTYPE HTML>
<html class="no-js">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>BootstrapBlog 主题</title>

    <!-- 使用url函数转换相关路径 -->
    <!-- 判断是否使用 CDN 加载基础资源-->
    <!-- 使用 CDN-->
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css"
          rel="stylesheet">
    <link rel="stylesheet"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/css/style.css">
    <link rel="stylesheet"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/css/prism.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
    <script src="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/js/jquery.goup.min.js"></script>
    <script src="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/js/prism.js"></script>
    <script src="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/js/app.js"></script>

    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- 通过自有函数输出HTML头部信息 -->
    <meta name="description" content="基于Bootstrap4的响应式typecho博客主题"/>
    <meta name="keywords" content="typecho主题,typecho,php,blog"/>
    <meta name="generator" content="Typecho 1.1/17.10.30"/>
    <meta name="template" content="postbird"/>
    <link rel="pingback"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/action/xmlrpc"/>
    <link rel="EditURI" type="application/rsd+xml" title="RSD"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/action/xmlrpc?rsd"/>
    <link rel="wlwmanifest" type="application/wlwmanifest+xml"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/action/xmlrpc?wlw"/>
    <link rel="alternate" type="application/rss+xml"
          title="BootstrapBlog 主题 &raquo; RSS 2.0"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/feed/"/>
    <link rel="alternate" type="application/rdf+xml"
          title="BootstrapBlog 主题 &raquo; RSS 1.0"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/feed/rss/"/>
    <link rel="alternate" type="application/atom+xml"
          title="BootstrapBlog 主题 &raquo; ATOM 1.0"
          href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/feed/atom/"/>

    <!-- 用户自定义 stylesheet -->
    <style>
    </style>
</head>
<body>
<!--[if lt IE 8]>
<div class="browsehappy" role="dialog">当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a
        href="http://browsehappy.com/">升级你的浏览器</a>.
</div>
<![endif]-->

<header id="header" class="clearfix">
    <nav class="navbar navbar-dark bg-dark navbar-expand-md">
        <div class="container">
            <a class="navbar-brand"
               href="http://theme.typecho.ptbird.cn/bootstrap-blog/"
               title="基于Bootstrap4的响应式typecho博客主题">BootstrapBlog 主题</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarText"
                    aria-controls="navbarText" aria-expanded="false"
                    aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarText">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item ">
                        <a class="nav-link" href="/">首页<span class="sr-only">(current)</span></a>
                    </li>

                    {% for category in categories %}

                        <li class="nav-item"><a class="nav-link"
                                                href="{% url 'category' category_id=category.id %}">{{ category.name }}</a>
                        </li>
                    {% endfor %}
                </ul>
                <div class="navbar-text">
                    <form method="post" action=""
                          class="search-form form-inline">
                        <div class="form-group">
                            <input type="search" name="s"
                                   class="form-control form-control-sm"/>
                            <button class="btn btn-info btn-sm">搜索</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </nav>
</header><!-- end #header -->
<div id="body">
    <div class="container main-wrapper">
        <div class="row">


            <div class="col-md-8 col-xs-12 " id="main" role="main">

                {% for post in posts %}
                    <article class="post-wrapper" itemscope
                             itemtype="http://schema.org/BlogPosting">
                        <div class="row">
                            <div class="col-md-12">
                                <h3><a class="title-link" itemprop="url"
                                       title="{{ post.title }}"
                                       href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/42/">{{ post.title }}</a>
                                </h3>
                            </div>
                            <div class="col-md-4 ">
                                <a href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/42/">
                                    <img src="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/uploads/2018/07/1982966592.jpg"
                                         alt="文章缩略图"
                                         class="post-thumb-image img-thumbnail">
                                </a>
                            </div>
                            <div class="col-md-8">

                                <!--                   <hr>-->
                                <div class="post-content"
                                     itemprop="articleBody">
                                    {{ post.content }}
                                </div>
                            </div>
                            <div class="col-md-12 post-meta">
                                <ul class="">
                                    <li>时间：
                                        <time datetime="2018-07-19T00:36:00+08:00"
                                              itemprop="datePublished">{{ post.created_time }}
                                        </time>
                                    </li>
                                    <li itemprop="author" itemscope
                                        itemtype="http://schema.org/Person">作者：
                                        <a
                                                itemprop="name"
                                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/author/1/"
                                                rel="author">admin</a></li>
                                    <li>分类： <a
                                            href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/category/php/">{{ post.category }}</a>
                                    </li>
                                    <li itemprop="interactionCount"><a
                                            itemprop="discussionUrl"
                                            href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/42/#comments">4
                                        条评论</a></li>
                                    <li class="float-right">
                                        <a href="{% url 'detail' article_id=post.id %}"
                                           class="float-right">阅读全文</a>
                                    </li>
                                </ul>

                            </div>
                        </div>


                    </article>
                {% endfor %}


                <nav aria-label="Page navigation ">
                    <ul class="pagination">{% comment %}{% endcomment %}
                        {% if posts.has_previous %}


                            <li>
                                <a href="{% url 'page' page=posts.previous_page_number %}">«上一页</a>
                            </li>
                        {% endif %}

                        {% for p in pages %}



                            {% if p == cur_page %}
                                <li class="active"><a
                                        href="{% url 'page' page=p %} ">{{ p }}</a>
                                </li>
                            {% else %}

                                <li><a
                                        href="{% url 'page' page=p %} ">{{ p }}</a>
                                </li>

                            {% endif %}

                        {% endfor %}

                        {% if posts.has_next %}



                            <li class="next"><a
                                    href="{% url 'page' page=posts.next_page_number %}">下一页»</a>
                            </li>

                        {% endif %}

                    </ul>
                </nav>

            </div><!-- end #main-->

            <div class="col-md-4 kit-hidden-tb" id="secondary"
                 role="complementary">


                <!-- 边栏显示最近文章，默认注释掉 -->


                <!-- 边栏显示最近回复，默认开启 -->
                <section class="widget">
                    <ul class="list-group">
                        <li class="list-group-item list-group-item-info"><span>最近回复</span>
                        </li>
                        <li class="list-group-item comment-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/38/comment-page-1#comment-96">seerking</a>：
                            谢谢作者
                        </li>
                        <li class="list-group-item comment-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/42/comment-page-1#comment-95">f'd's'd'f</a>：
                            &lt;script type=&quot;applicatio...
                        </li>
                        <li class="list-group-item comment-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/archives/42/comment-page-1#comment-94">f'd's'd'f</a>：
                            &lt;script&gt;alert('入侵成功')&lt;/...
                        </li>
                    </ul>
                </section>


                <!-- 边栏显示文章分类 默认开启-->

                <!-- 边栏显示归档，默认注释掉 -->


                <!--    边栏显示其他操作，默认开启-->
                <section class="widget">
                    <ul class="list-group">
                        <li class="list-group-item list-group-item-info"><span>其他</span>
                        </li>
                        <li class="list-group-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/admin/login.php">登录</a>
                        </li>
                        <li class="list-group-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/feed/">文章
                            RSS</a></li>
                        <li class="list-group-item"><a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/index.php/feed/comments/">评论
                            RSS</a></li>
                    </ul>
                </section>


                <!-- 边栏显示友情链接，默认注释掉 -->
                <!--    <section class="widget">-->
                <!--        <ul class="list-group">-->
                <!--            <li class="list-group-item list-group-item-info"><span>-->
                <!--</span></li>-->
                <!--            <li class="list-group-item"><a target="_blank" href="" title="">友情链接名称</a></li>-->
                <!--        </ul>-->
                <!--    </section>-->

            </div><!-- end #sidebar -->
            <a class="to-top" style="z-index: 1200;">
                <img src="http://theme.typecho.ptbird.cn/bootstrap-blog/usr/themes/postbird/img/top.svg"
                     alt="返回顶部" title="返回顶部">
            </a>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <footer id="footer" role="contentinfo">
                            &copy; 2019 <a
                                href="http://theme.typecho.ptbird.cn/bootstrap-blog/">BootstrapBlog
                            主题</a>.
                            <a target="_blank" href="//www.miitbeian.gov.cn">鲁ICP备16034533号-1</a>
                            .
                            由 <a href="http://www.typecho.org" target="_blank">Typecho</a>
                            强力驱动.
                            Theme by <a href="http://www.ptbird.cn"
                                        target="_blank">Postbird</a>.
                        </footer><!-- end #footer -->
                    </div>
                </div>
            </div>

</body>
<!-- 用户自定义脚本内容 -->
</html>

